import React,{ Component } from 'react';

let style={
    use_div:{
        'width':'1200px',
        'height':'375px',
        'margin':'20px auto',
        'backgroundColor':'yellow'
    }
}

let arrs=[
    {'ModuleName':'锤子应用'},
    {'ModuleName':'论坛精选'},
]

class Content extends Component{
    constructor(props){
        super(props)
        this.state={

        }
    }

    render(){
        const { content } = this.props
        return(
            <div className='use_div' style={style.use_div}>
                {content.ModuleName}
            </div>
        )
    }
}

class CentreDiv extends Component{

    render(){
        return(
            <div>
                {arrs.map((content, i) => <Content content={content} key={i} />)}
            </div>
        )
    }
}

export default CentreDiv;